<template>
  <div>
    <input placeholder="请输入任务名称" v-model="value" 
    @keydown.enter="enter"/>
  </div>
</template>

<script>
  import {
    defineComponent,ref
  } from "vue";

  export default defineComponent({
    name: 'NavHeader',
    setup(props,ctx) {
      let value = ref('')
      let enter=()=>{
        //把输入框的数据发送给父组件
        ctx.emit('add',value.value)
        value.value=''
      }
      return {
        value,enter
      }
    }
  })
</script>


<style lang="scss" scoped>
input {
  margin-bottom: 10px;
}
</style>